<template>
    <div>
        <div>
            <img src="http://mms2.baidu.com/it/u=2186926526,3568130676&fm=253&app=138&f=JPEG?w=500&h=889" alt=""
                class="bg">
        </div>
        <div class="user_info">
            <van-cell-group>
                <van-cell title="联系人姓名" />
            </van-cell-group>
            <van-field v-model="selectedAddress" placeholder="请输入联系人姓名" />
            <van-cell-group>
                <van-cell title="联系人手机号" />
            </van-cell-group>
            <van-field v-model="selectedAddress" placeholder="请输入联系人手机号" />
            <van-cell-group>
                <van-cell title="地址" />
            </van-cell-group>
            <van-field v-model="selectedAddress" placeholder="请选择所在区域地质" />
        </div>
    </div>
</template>
<script setup>
import { ref, reactive } from 'vue';
import { useRouter } from 'vue-router';
const router = useRouter();

</script>
<style scoped>
.bg {
    height: 100vh;
    background: rgb(1, 18, 194);
}

.user_info {
    z-index: 4;
    position: absolute;
    top: 32%;
    margin: 0 4%;
    width: 92%;
}
</style>